<!DOCTYPE html>
<html>
<head>
    <title>警员训练报告</title>
    {% include 'admin/common/header.html' %}
    <link rel="stylesheet" href="{{ url_for('static', filename='/admin/admin/css/other/console1.css') }}"/>
</head>
<body class="pear-container">


<div class="layui-row layui-col-space10">
    <div class="layui-col-xs6 layui-col-md1_5">
            <div class="layui-card top-panel">
                    <div class="layui-card-header">警员急症情景训练次数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value1">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1678423873545" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5127" width="200" height="200">
                                <path d="M944 1001.6c-3.2-28.8-3.2-54.4-6.4-83.2-25.6-140.8-83.2-262.4-198.4-355.2-12.8-9.6-19.2-12.8-32 3.2-51.2 67.2-102.4 131.2-150.4 198.4-9.6 12.8-12.8 22.4-12.8 35.2v115.2c0 38.4-3.2 44.8-41.6 44.8h-137.6c-83.2 0-80 12.8-76.8-76.8 0-22.4-3.2-32-25.6-41.6-41.6-16-64-64-54.4-105.6 9.6-48 48-80 96-83.2 41.6-3.2 86.4 28.8 99.2 70.4 12.8 44.8-3.2 96-44.8 115.2-35.2 12.8-32 35.2-32 60.8 0 12.8 3.2 19.2 19.2 19.2H480c16 0 19.2-6.4 19.2-19.2v-86.4c0-19.2-3.2-35.2-16-51.2l-144-182.4c-22.4-28.8-25.6-32-54.4-6.4-134.4 108.8-192 252.8-201.6 419.2-3.2 22.4 0 32 32 32 131.2-3.2 265.6 0 396.8 0h409.6c16 0 22.4-3.2 22.4-22.4zM540.8 467.2c105.6-16 169.6-108.8 163.2-217.6 0-16-9.6-12.8-19.2-12.8H384c-70.4 0-76.8 9.6-60.8 80 19.2 96 121.6 166.4 217.6 150.4z" fill="#1afa29" p-id="5128"></path>
                                <path d="M512 486.4c-51.2 0-92.8 9.6-137.6 28.8-16 6.4-22.4 9.6-9.6 28.8 48 57.6 92.8 118.4 140.8 179.2 12.8 16 16 12.8 25.6 0 44.8-57.6 92.8-115.2 140.8-169.6 12.8-16 6.4-22.4-6.4-28.8-51.2-28.8-102.4-41.6-153.6-38.4zM355.2 752c0-28.8-22.4-51.2-51.2-51.2-25.6 0-51.2 22.4-51.2 48 0 28.8 22.4 51.2 51.2 51.2 28.8 6.4 51.2-19.2 51.2-48zM342.4 192h342.4c12.8 0 22.4 0 19.2-19.2V54.4c0-32-19.2-54.4-51.2-54.4h-281.6c-32 0-51.2 22.4-51.2 54.4v112c-3.2 22.4 3.2 28.8 22.4 25.6z m115.2-115.2c19.2 3.2 35.2 0 28.8-25.6-3.2-22.4 9.6-22.4 25.6-19.2 16-3.2 25.6 3.2 22.4 22.4-3.2 22.4 6.4 28.8 28.8 25.6 16-3.2 25.6 3.2 22.4 22.4 0 19.2-6.4 25.6-22.4 22.4-22.4-3.2-32 6.4-28.8 28.8 3.2 22.4-9.6 19.2-25.6 19.2s-28.8 0-22.4-22.4c3.2-25.6-9.6-32-28.8-28.8-19.2 3.2-22.4-3.2-22.4-22.4s6.4-25.6 22.4-22.4z" fill="#1afa29" p-id="5129"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <div class="layui-col-xs6 layui-col-md1_5">
            <div class="layui-card top-panel">
                <div class="layui-card-header">服刑人员急症情景训练次数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value2">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1678425165786" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14326" width="200" height="200"><path d="M492.472287 611.957373H178.826494v219.547859h313.645793V611.957373zM285.516185 580.592077L254.350434 432.550666c-2.848879-13.678507 1.149171-27.189191 9.653851-36.983236l111.237255-137.066475c4.740968-5.845113 10.395747-11.080337 17.229372-12.730927l43.169109-10.434632c-2.656498 12.471008-3.51505 27.145189-1.344622 44.133061 2.340297 18.251653 8.190526 39.225295 19.136811 63.013024a37.993237 37.993237 0 0 0-10.181876 13.447239c-3.690035 8.127082-4.832042 18.063365-2.013863 29.168262l16.976616 66.934325c1.570772 6.290251 7.949027 10.122525 14.243371 8.547659a11.941959 11.941959 0 0 0 1.810225-0.609889l10.471471-3.97042c6.065124-2.281968 9.131966-9.052149 6.845905-15.115226-2.116193-5.632266-8.104569-8.676596-13.805396-7.258296l-13.748092-54.226934c-1.414206-5.584171-0.991582-10.245321 0.630356-13.821769a14.513523 14.513523 0 0 1 8.098429-7.610313 14.60562 14.60562 0 0 1 11.191877 0.319271c3.560075 1.593285 6.951305 4.79111 9.58222 9.891258l25.648096 49.770444c-5.202478 2.693337-7.675804 8.921166-5.565752 14.543199 2.289131 6.063077 9.055218 9.12992 15.122389 6.840788l10.996426-4.164848c6.0641-2.284015 9.12685-9.052149 6.841812-15.115226-0.180102-0.492209-0.394995-0.951673-0.631379-1.39988l-31.55563-61.226334c-5.257737-10.198249-12.705344-16.890658-20.882568-20.547947a37.849974 37.849974 0 0 0-18.315097-3.238758c-10.189039-21.888476-15.567526-40.852348-17.642787-57.107535-2.534724-19.805029-0.146332-35.515817 4.325506-47.533501l13.944566-3.364624a43.561034 43.561034 0 0 1 2.970652-0.296758l41.148083 59.526626v-29.654331l11.764928-11.760835 11.761858 11.760835 5.068426 27.885038 24.101882-58.113443 33.412928 12.899772-13.538314 64.685102c-19.468362 0.020466-35.246688 15.809026-35.246689 35.287621 0 19.485758 15.79777 35.284551 35.284551 35.28455 19.487804-0.002047 35.285574-15.796746 35.285574-35.28455 0-11.042475-5.073542-20.900987-13.014383-27.3652l13.404262-64.04656 24.132581 9.323324c7.604173 5.693664 12.856793 13.550594 15.414031 22.18421L727.292961 448.094656l125.496998 62.743894c21.215142 10.608594 29.810897 36.403022 19.208442 57.61407-10.609617 21.215142-36.403022 29.81499-57.618164 19.212536L675.069657 518.006795c-10.510357-4.640684-19.148067-13.460543-23.227981-25.173282l-30.15882-86.217468v163.555726c34.441348 69.050518 63.22587 127.723708 77.759859 206.560083h-0.026606c0.459464 2.520398 0.69687 5.111404 0.69687 7.753576l-0.061398 180.200791c0.11154 1.248431 0.168845 2.515282 0.168845 3.794412 0 23.813311-19.308726 43.12613-43.127153 43.12613l-15.387425-0.008186v-0.167822c-23.72633 0-42.957285-19.227885-42.957285-42.950122l0.061398-179.802726c-9.636455-49.513595-28.646376-92.259056-50.802958-137.671248h-24.174537v196.188896c0 8.65306-7.016797 15.682136-15.682136 15.682136l-17.951825-0.00307-7.538682 106.654899c-0.417508 23.470504-19.560459 42.349442-43.114874 42.349442l-15.980941-0.00307v-0.077771c-0.949626 0-1.899253-0.018419-2.860135-0.086981-23.72633-1.577935-41.676108-22.096207-40.098173-45.81742l6.991214-103.018075H163.144358c-8.664316 0-15.682136-7.021913-15.682136-15.679067v-250.924411c0-8.65613 7.01782-15.67395 15.682136-15.67395l122.371827-0.00614zM532.539761 12.123084c-51.966455 0-94.097933 42.132502-94.097933 94.094864 0 51.972595 42.131479 94.09384 94.097933 94.09384 51.965432-0.002047 94.088724-42.119199 94.088724-94.09384 0-51.964408-42.123292-94.092817-94.088724-94.092817v-0.002047zM369.945941 564.010457a42.941935 42.941935 0 0 1 0.192381 16.585714l36.268969-0.004094-0.019443-224.033001-63.613702 78.399424 27.171795 129.051957z" fill="#1afa29" p-id="14327"></path><path d="M304.284606 643.317552h62.725475v47.054595h47.046409v62.725475h-47.046409v47.050501h-62.725475v-47.050501h-47.051524V690.372147h47.051524z" fill="#1afa29" p-id="14328"></path></svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <div class="layui-col-xs6 layui-col-md1_5">
            <div class="layui-card top-panel">
                <div class="layui-card-header">打斗攻防情景训练次数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value3">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4  top-panel-tips">
                            <svg t="1678423932657" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5338" width="200" height="200"><path d="M362.666667 298.666667c85.333333 0 149.333333-68.266667 149.333333-149.333334S448 0 362.666667 0 213.333333 68.266667 213.333333 149.333333 281.6 298.666667 362.666667 298.666667z m0-213.333334c38.4 0 64 29.866667 64 64S401.066667 213.333333 362.666667 213.333333 298.666667 183.466667 298.666667 149.333333 328.533333 85.333333 362.666667 85.333333zM733.866667 298.666667c81.066667 0 149.333333-68.266667 149.333333-149.333334S814.933333 0 733.866667 0s-149.333333 68.266667-149.333334 149.333333S652.8 298.666667 733.866667 298.666667z m0-213.333334c34.133333 0 64 29.866667 64 64S768 213.333333 733.866667 213.333333s-64-29.866667-64-64 29.866667-64 64-64zM1015.466667 951.466667L891.733333 810.666667c-4.266667-4.266667-8.533333-12.8-8.533333-17.066667l-34.133333-149.333333-17.066667-277.333334c0-12.8-8.533333-25.6-21.333333-34.133333s-25.6-8.533333-38.4-4.266667l-81.066667 34.133334-81.066667-51.2c-25.6-17.066667-55.466667-21.333333-85.333333-17.066667l-221.866667 38.4c-17.066667 0-29.866667 12.8-34.133333 25.6l-145.066667 418.133333c0 4.266667-4.266667 4.266667-4.266666 8.533334l-110.933334 170.666666c-12.8 21.333333-8.533333 46.933333 12.8 59.733334 4.266667 4.266667 12.8 8.533333 21.333334 8.533333 12.8 0 25.6-8.533333 34.133333-21.333333l110.933333-170.666667c4.266667-8.533333 8.533333-17.066667 12.8-29.866667l46.933334-140.8L341.333333 776.533333c4.266667 4.266667 8.533333 12.8 8.533334 17.066667l34.133333 196.266667c4.266667 21.333333 21.333333 34.133333 42.666667 34.133333h8.533333c21.333333-4.266667 38.4-25.6 34.133333-51.2l-25.6-145.066667 157.866667-115.2c8.533333-4.266667 17.066667-8.533333 25.6-8.533333l149.333333-4.266667 25.6 115.2c4.266667 21.333333 12.8 38.4 29.866667 55.466667l123.733333 140.8c8.533333 8.533333 21.333333 12.8 34.133334 12.8 8.533333 0 21.333333-4.266667 29.866666-8.533333 8.533333-17.066667 8.533333-42.666667-4.266666-64zM537.6 384c8.533333 0 21.333333 0 29.866667 4.266667l29.866666 17.066666-21.333333 8.533334c-17.066667 8.533333-34.133333 4.266667-46.933333-8.533334l-21.333334-21.333333h29.866667z m85.333333 234.666667c-25.6 0-51.2 8.533333-72.533333 25.6l-132.266667 98.133333c-4.266667-4.266667-4.266667-12.8-8.533333-17.066667l-123.733333-153.6L341.333333 413.866667l51.2-8.533334 76.8 68.266667c38.4 34.133333 89.6 42.666667 136.533334 21.333333l145.066666-59.733333 12.8 174.933333-140.8 8.533334z" p-id="5339" fill="#1afa29"></path></svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <div class="layui-col-xs6 layui-col-md1_5">
            <div class="layui-card top-panel">
                <div class="layui-card-header">袭警攻防情景训练次数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1678425104946" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13191" width="200" height="200"><path d="M932.596443 525.495556c-12.99989-12.199897-20.599826-29.099754-20.599826-46.999603V351.997023c0-35.399701-28.699757-63.999459-63.999459-63.999459H623.999053c-35.299701 0-63.999459 28.599758-63.999459 63.999459v126.49893c0 17.799849-7.499937 34.799706-20.499827 46.999603-5.799951 5.399954-11.299904 10.999907-16.699858 16.899857 0.299997-3.299972 0.899992-6.499945 1.799984-9.699918l32.799723-122.498964c9.099923-34.099712-11.099906-69.199415-45.299617-78.399337l-216.39817-57.99951c-5.499953-1.499987-11.099906-2.199981-16.599859-2.199981-28.299761 0-54.099542 18.89984-61.799478 47.399599l-32.899721 122.598963c-4.599961 17.099855-16.099864 31.599733-31.699732 39.899663C61.903806 529.995518 0.00433 625.794708 0.00433 735.993776c0 158.598659 127.298923 286.797575 285.797583 287.997564 91.299228 0.699994 172.798539-41.099652 225.998089-106.799097 52.299558 64.699453 132.198882 106.199102 221.998122 106.799097 159.998647 1.099991 290.097547-128.198916 290.097547-287.997564 0.099999-83.099297-35.099703-157.898665-91.299228-210.49822zM623.999053 367.996888c0-8.799926 7.199939-15.999865 15.999865-15.999865h191.998376c8.799926 0 15.999865 7.199939 15.999864 15.999865v96.599183c0 2.799976-2.799976 4.799959-5.499953 3.699969-32.999721-13.099889-68.899417-20.299828-106.499099-20.299829s-73.599378 7.199939-106.4991 20.299829c-2.599978 1.099991-5.499953-0.899992-5.499953-3.699969V367.996888z m-373.996837 76.999349l25.099787-93.899206c2.299981-8.499928 11.099906-13.599885 19.599835-11.299905l185.498431 49.69958c8.499928 2.299981 13.599885 11.099906 11.299904 19.599834l-25.099787 93.799207c-0.699994 2.699977-3.999966 3.899967-6.199948 2.199981C412.100845 469.196032 352.501349 447.996211 288.001894 447.996211c-11.399904 0-22.699808 0.699994-33.699715 1.999983-2.799976 0.299997-5.099957-2.299981-4.299963-4.999957z m196.398339 449.396199C404.100913 936.692078 347.801389 959.991881 288.001894 959.991881s-116.099018-23.299803-158.39866-65.599445C87.303592 852.092794 64.003789 795.79327 64.003789 735.993776c0-59.799494 23.299803-116.099018 65.599445-158.398661 7.599936-7.599936 15.699867-14.599877 24.199795-20.999822 22.899806-17.199855 48.699588-29.799748 76.199356-37.099686 18.699842-4.999958 38.199677-7.499937 57.999509-7.499937 59.799494 0 115.999019 23.299803 158.298662 65.499446l0.099999 0.099999c10.999907 10.999907 20.699825 22.899806 28.999755 35.599699C457.800458 650.494499 448.000541 692.094147 448.000541 735.993776c0 43.999628 9.799917 85.599276 27.299769 122.89896-8.29993 12.599893-17.999848 24.499793-28.899755 35.4997z m447.996211 0C852.097124 936.692078 795.7976 959.991881 735.998106 959.991881s-116.099018-23.299803-158.398661-65.599445c-10.999907-10.999907-20.699825-22.899806-28.999755-35.599699C524.799892 822.593043 512 780.293401 512 735.993776s12.799892-86.599268 36.59969-122.798962c3.59997-5.399954 7.399937-10.69991 11.399904-15.799866 5.399954-6.899942 11.299904-13.499886 17.599851-19.799833 13.999882-13.999882 29.59975-25.99978 46.399608-35.699698 33.699715-19.499835 71.999391-29.899747 111.999053-29.899747s78.299338 10.399912 111.999052 29.899747c16.799858 9.699918 32.299727 21.699816 46.399608 35.699698 6.299947 6.299947 12.199897 12.899891 17.599851 19.799833 31.099737 39.299668 47.999594 87.699258 47.999594 138.598828 0 59.799494-23.299803 116.099018-65.599445 158.39866z" p-id="13192" fill="#1afa29"></path><path d="M424.000744 175.998512c13.199888 0 23.999797 10.799909 23.999797 23.999797s-10.799909 23.999797-23.999797 23.999797-23.999797-10.799909-23.999797-23.999797 10.799909-23.999797 23.999797-23.999797m0-63.999459c-48.599589 0-87.999256 39.399667-87.999256 87.999256s39.399667 87.999256 87.999256 87.999255 87.999256-39.399667 87.999256-87.999255-39.399667-87.999256-87.999256-87.999256zM567.999526 63.999459c13.199888 0 23.999797 10.799909 23.999797 23.999797s-10.799909 23.999797-23.999797 23.999797-23.999797-10.799909-23.999797-23.999797 10.799909-23.999797 23.999797-23.999797m0-63.999459c-48.599589 0-87.999256 39.399667-87.999255 87.999256s39.399667 87.999256 87.999255 87.999256 87.999256-39.399667 87.999256-87.999256-39.399667-87.999256-87.999256-87.999256zM727.998173 159.998647c13.199888 0 23.999797 10.799909 23.999797 23.999797s-10.799909 23.999797-23.999797 23.999797-23.999797-10.799909-23.999797-23.999797 10.799909-23.999797 23.999797-23.999797m0-63.999459c-48.599589 0-87.999256 39.399667-87.999255 87.999256s39.399667 87.999256 87.999255 87.999256 87.999256-39.399667 87.999256-87.999256-39.399667-87.999256-87.999256-87.999256z" p-id="13193" fill="#1afa29"></path></svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <div class="layui-col-xs6 layui-col-md1_5">
            <div class="layui-card top-panel">
                <div class="layui-card-header">越狱攻防情景训练次数</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1678424861665" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9891" width="200" height="200"><path d="M989.8 866.1c-3-31.4-9.1-61.9-17.9-91.3-1.5-4.9-3-9.8-4.7-14.7-8.6-25.4-19.2-49.9-31.7-73.3-6.1-11.4-12.6-22.5-19.6-33.3-5.5-8.5-11.2-16.8-17.2-25-2.6-3.5-5.2-7-7.9-10.4-21.2-27.3-45.4-52.3-71.9-74.4-1.3-1.1-2.6-2.2-3.9-3.2-10.7-8.8-21.9-17.1-33.4-25-19.6-13.4-40.2-25.4-61.7-35.8-5.3-2.6-10.7-5.1-16.2-7.5 0.1-2.7 0.2-5.5 0.2-8.2V324c0-2.2 1.8-4 4-4 6.6 0 12-5.4 12-12V192C720 86.4 633.6 0 528 0h-32C390.4 0 304 86.4 304 192v116c0 6.6 5.4 12 12 12 2.2 0 4 1.8 4 4v140c0 2.8 0.1 5.5 0.2 8.2-5.5 2.4-10.8 4.9-16.2 7.5-21.5 10.4-42.1 22.4-61.7 35.8-11.5 7.8-22.6 16.2-33.3 24.9-1.3 1.1-2.6 2.2-4 3.3-26.5 22.2-50.7 47.1-71.9 74.4-2.7 3.4-5.3 6.9-7.9 10.4-6 8.1-11.7 16.5-17.2 25-7 10.8-13.5 21.9-19.6 33.3-12.5 23.3-23.1 47.8-31.7 73.3-1.6 4.9-3.2 9.8-4.7 14.7-8.8 29.4-14.9 59.9-17.9 91.3-1.4 15.1-2.1 30.4-2.1 45.9v61.2c21.6 7.1 167.2 50.8 482.2 50.8 314.6 0 456.6-43.6 477.8-50.8V912c0-15.5-0.7-30.8-2.2-45.9zM755 601.7c3.3-6.5 6.3-13.2 9.1-20 3.5 2.7 7 5.4 10.4 8.2 6 4.9 11.8 10 17.6 15.2 11.7 10.7 22.8 22 33.2 34-31.4 3.8-65 6.9-100.2 9.5 11.5-14.5 21.5-30.2 29.9-46.9zM405.7 101.6C429.9 77.4 462 64 496 64h32c34 0 66.1 13.4 90.3 37.6 16.5 16.5 27.9 36.5 33.6 58.4H372.1c5.6-21.8 17.1-41.9 33.6-58.4zM368 224h288v32H368v-32z m240 96c17.7 0 32 14.3 32 32v112c0 17.1-3.4 33.8-9.9 49.2-6.4 15.1-15.7 29.1-27.8 41.1C578.1 578.6 546 592 512 592s-66.1-13.4-90.3-37.7c-12-12-21.4-26-27.8-41.1-6.5-15.4-9.9-32.1-9.9-49.2V352c0-17.7 14.3-32 32-32h192zM334.2 536.2C362.9 606.3 431.9 656 512 656c52.8 0 100.8-21.6 135.6-56.4 18-18 32.5-39.5 42.2-63.4 6.5 3.1 13 6.4 19.3 9.9-1.3 3.9-2.8 7.8-4.3 11.6-2.1 5.2-4.4 10.3-6.9 15.2-6.4 12.7-14.1 24.8-23 35.9-17.1 21.5-37.9 39.3-61.8 52.7C582.3 678.8 547.4 688 512 688s-70.3-9.2-101.2-26.5c-23.9-13.4-44.7-31.2-61.8-52.7-8.8-11.1-16.6-23.2-23-35.9-2.5-4.9-4.8-10-6.9-15.2-1.6-3.8-3-7.7-4.3-11.6 6.4-3.5 12.8-6.8 19.4-9.9z m-102.3 69c5.7-5.2 11.6-10.3 17.6-15.2 3.4-2.8 6.8-5.5 10.3-8.2 2.8 6.8 5.8 13.5 9.1 20 8.4 16.7 18.5 32.4 30 46.9-35.2-2.5-68.8-5.7-100.2-9.5 10.5-12 21.5-23.3 33.2-34z m-84.2 106.6c2.6-4.6 5.2-9.2 8-13.7 64.2 9.1 140.3 15.8 223.8 19.2C418.7 739.4 464 752 512 752s93.3-12.6 132.5-34.7c83.5-3.5 159.6-10.2 223.8-19.2 2.7 4.5 5.4 9.1 8 13.7 2.8 5 5.4 10 8 15.2-8.6 1.4-17.7 2.7-27.3 4.1-96.6 13.5-219.1 21-344.9 21s-248.3-7.5-344.9-21c-9.7-1.3-18.8-2.7-27.3-4.1 2.4-5.2 5.1-10.2 7.8-15.2z m-40.1 102.9c2.2-9 4.7-18 7.5-27C216.5 805.2 356.9 816 512 816c155.1 0 295.5-10.8 396.9-28.3 2.8 8.9 5.3 17.9 7.5 27 0.2 0.8 0.4 1.7 0.6 2.5-17.2 3.3-37.1 6.6-60.1 9.8-96.6 13.5-219.1 21-344.9 21s-248.3-7.5-344.9-21c-23-3.2-42.9-6.5-60.1-9.8 0.2-0.8 0.4-1.7 0.6-2.5zM928 924.2c-45.8 10.3-128.4 24.7-255.2 31.6-1.2 0.1-2.4 0.1-3.6 0.2-1.4 0.1-2.9 0.1-4.4 0.2-1.5 0.1-2.9 0.2-4.4 0.2-1.4 0.1-2.9 0.2-4.3 0.2-1.5 0.1-3.1 0.2-4.6 0.2l-6 0.3c-1.2 0.1-2.4 0.1-3.6 0.2-1.9 0.1-3.9 0.2-5.8 0.2-3.9 0.2-7.9 0.3-11.9 0.5-4.4 0.2-8.9 0.3-13.4 0.5-5.2 0.2-10.5 0.3-15.8 0.5-2 0-4.1 0.1-6.1 0.2-7.2 0.2-14.6 0.3-22.1 0.4-2.5 0-5 0.1-7.6 0.1h-2.3c-2 0-4 0-6.1 0.1-5.5 0.1-11.1 0.1-16.8 0.2h-19.8c-220.5 0-354.4-21.8-418.2-36v-12c0-10.5 0.4-21 1.2-31.5C199.7 899.8 347.5 912 512 912s312.3-12.2 414.8-31.5c0.8 10.5 1.2 21 1.2 31.5v12.2z" p-id="9892" fill="#1afa29"></path></svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-body">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <label class="layui-form-label">作训警员</label>
                        <div class="layui-input-inline">
                            <input type="text" name="user_name" placeholder="" class="layui-input">
                        </div>

                        <label class="layui-form-label">训练情景</label>
                        <div class="layui-input-inline">
                            <input type="text" name="scene_name" placeholder="" class="layui-input">
                        </div>
                        <label class="layui-form-label">训练项</label>
                        <div class="layui-input-inline">
                            <input type="text" name="train_name" placeholder="" class="layui-input">
                        </div>
                        <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="dict-info-query">
                            <i class="layui-icon layui-icon-search"></i>
                            查询
                        </button>
                        <button type="reset" class="pear-btn pear-btn-md">
                            <i class="layui-icon layui-icon-refresh"></i>
                            重置
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="layui-col-md8">
        <div class="layui-card">
            <div class="layui-card-body">
                <table id="dict-info-table" lay-filter="dict-info-table"></table>
            </div>
        </div>
    </div>
    <div class="layui-col-md4">
        <div class="layui-card">
            <div class="layui-card-header">季度训练情况统计</div>
            <div class="layui-card-body">
                <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <div id="echarts-bar" style="background-color:#ffffff;min-height:500px;padding: 10px"></div>
                </div>
            </div>
        </div>
    </div>
<!--    <div class="layui-col-md6">-->
<!--        <div class="layui-card">-->
<!--            <div class="layui-card-body">-->
<!--                <div id="details" style="background-color:#ffffff;min-height:225px;padding: 10px"></div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="layui-card">-->
<!--            <div class="layui-card-body">-->
<!--                <div id="details2" style="background-color:#ffffff;min-height:300px;padding: 5px"></div>-->
<!--            </div>-->
<!--        </div>-->
        <!--<div class="layui-card">
            <div class="layui-card-body">
                <div id="details3" style="background-color:#ffffff;min-height:400px;padding: 5px"></div>
            </div>
        </div>-->
    </div>
</div>

</body>
<script type="text/html" id="dict-type-toolbar">
</script>

<script type="text/html" id="dict-type-bar">
    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="details">
        <i class="layui-icon layui-icon-transfer"></i>
    </button>
</script>


<script type="text/html" id="dict-data-bar">
    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-transfer"></i>
    </button>
    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i>
    </button>
</script>

<script type="text/html" id="class_state">
    {{ '{{#if (d.state=== 1) { }}
    <span style="color: green">课程已完成</span>
    {{# }else if(d.state === 2){ }}
    <span style="color: blue">课程进行中</span>
    {{# }else if(d.state === 3){ }}
    <span style="color: red">课程未开始</span>
    {{# }else if(d.state > 3){ }}
    <span style="color: pink">状态未知...</span>
    {{# } }}'|safe }}
</script>

{#  训练开始时间 #}
<script type="text/html" id="user-startTime">
    {{ '  {{layui.util.toDateString(d.start_time,  "yyyy-MM-dd HH:mm:ss")}' |safe }}}
</script>

{# 训练结束时间 #}
<script type="text/html" id="user-endTime">
    {{ '  {{layui.util.toDateString(d.end_time,  "yyyy-MM-dd HH:mm:ss")}' |safe }}}
</script>


{% include 'admin/common/footer.html' %}
<script>
  layui.use(['table', 'form', 'jquery', 'popup', 'count', 'echarts'], function () {
    let table = layui.table
    let form = layui.form
    let $ = layui.jquery
    let popup = layui.popup
    let count = layui.count
    let echarts = layui.echarts
    let typeCode

    count.up('value1', {
            time: 4000,
            num: {{num[0]}},
            bit: 0,
            regulator: 50
        })

        count.up('value2', {
            time: 4000,
            num: {{num[1]}},
            bit: 0,
            regulator: 50
        })

        count.up('value3', {
            time: 4000,
            num: {{num[2]}},
            bit: 0,
            regulator: 50
        })

        count.up('value4', {
            time: 4000,
            bit: 0,
            num: {{num[3]}},
            regulator: 50
        })
        count.up('value5', {
            time: 4000,
            bit: 0,
            num: {{num[4]}},
            regulator: 50
        })

    let cols = [
      [
        { title: '作训警员', field: 'user_name', align: 'center'  },
        { title: '情景名称', field: 'scene_name', align: 'center'  },
        { title: '训练项名称', field: 'train_name', align: 'center'  },
        { title: '训练开始时间', field: 'start_time',templet: '#user-startTime', align: 'center' },
        { title: '训练结束时间', field: 'end_time', templet: '#user-endTime', align: 'center' },
        { title: '训练评分', field: 'train_grade', align: 'center' },
        { title: '训练录像', toolbar: '#dict-type-bar', align: 'center' }
      ]
    ]

    table.render({
      elem: '#dict-info-table',
      url: '/admin/training_report/data',
      page: true,
      cols: cols,
      skin: 'line',
      height: 'full-148',
      toolbar: '#dict-type-toolbar',
      defaultToolbar: [{
        layEvent: 'refresh',
        icon: 'layui-icon-refresh',
      }, 'filter', 'print', 'exports']
    })



    window.refreshType = function () {
      table.reload('dict-info-table')
    }

    table.on('tool(dict-info-table)', function (obj) {

       if (obj.event === 'details') {
        window.detailsType(obj)
      }
    })

      window.detailsType = function (obj) {
      layer.open({
        type: 2,
        title: '展示详情',
        shade: 0.1,
        area: ['100%', '100%'],
        content: '/admin/training_report/details/'+obj.data['id']
      })
    }


    table.on('toolbar(dict-info-table)', function (obj) {
      if (obj.event === 'refresh') {
        window.refreshData()
      }
    })

     form.on('submit(dict-info-query)', function (data) {
      table.reload('dict-info-table', { where: data.field })
      return false
    })

    window.refreshData = function () {
      table.reload('dict-info-table')
    }

    var chartDom = document.getElementById('echarts-bar');
        var myChart = echarts.init(chartDom);
        var option
        option = {
            grid: { containLabel: true },
            xAxis: { name: '训练次数' },
            yAxis: {
                type: 'category',
<!--                data: ['灭火器', '防火门', '室外消防栓','手动报警按钮','室内消防栓']-->
                data: ['一季度', '二季度', '三季度','四季度']
            },

            visualMap: {
                orient: 'horizontal',
                left: 'center',
                min: 10,
                max: 100,
                text: ['训练次数'],
                // Map the score column to color
                dimension: 0,
                inRange: {
                    color: ['#91c7ae', '#FFCE34', '#d48265']
                }
            },

            series: [
                {
                    data: [
                        {
                            value: 175,
                            itemStyle: {
                                color: '#bda29a'
                            }
                        },
                        {
                            value: 110,
                            itemStyle: {
                                color: '#91c7ae'
                            }
                        },
                        {
                            value: 180,
                            itemStyle: {
                                color: '#61a0a8'
                            }
                        },
                        {
                            value: 130,
                            itemStyle: {
                                color: '#d48265'
                            }
                        },

                    ],
                    type: 'bar',
                    encode: {
                        // Map the "amount" column to X axis.
                        x: 'amount',
                        // Map the "product" column to Y axis
                        y: 'product'
                    },
                }
            ]
        };

        option && myChart.setOption(option);

        myChart.setOption(option)

        window.onresize = function () {
            myChart.resize()
        }




  })



</script>
</html>